<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./font/bootstrap-icons.css">
    <link rel="stylesheet" href="./css/home.css">
    <title>首页</title>
</head>
<body>
    <!-- head -->
   <div class="head">
    <h1>校科联</h1>
      <span class="bi-person-square"></span>
   </div>

   <!-- lunbo -->
<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="./images/lunbo1.jpg" class="d-block w-100" alt="...">
            
        </div>
        <div class="carousel-item">
            <img src="./images/lunbo2.jpg" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="./images/lunbo3.jpg" class="d-block w-100" alt="...">
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying"
        data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying"
        data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>


<!-- menus -->
     <div class="menus">
        <a href="">
            <span class="bi-search"></span>
            <div class="post">
                <h5>面试结果查询</h5>
                <p>Interview results query</p>
            </div>
        </a>
        <a href="">
            <span class="bi-menu-button-wide"></span>
            <div class="post">
                <h5>查看报名表</h5>
                <p>View your application form</p>
            </div>
        </a>
        <a href="">
            <span class="bi-hourglass-split"></span>
            <div class="post">
                <h5>排队信息</h5>
                <p>Queueing message</p>
            </div>
        </a>
        
     </div>   

     <!-- foot -->
     <div class="foot">
        <h4>校科联简介</h4>
        <p>华南农业大学学生科技创新与创业联合会</p>
        <a href="">了解我们</a>
     </div>
    
     <!-- fixed -->
     
     <div class="fixed">
       
        <a href="" class="bi-house-door-fill"></a>
        <a href="" class="bi-bar-chart-fill"></a>
        <a href="" class="bi-envelope"></a>
     </div>
    


    <script src="./bootstrap-5.3.0-alpha1-dist/js/bootstrap.min.js"></script>
</body>
</html>